<template>
  <div>
    <slot v-if="stateShow" name="state"><state /></slot>
    <slot v-if="actionShow" name="action"><action /></slot>
    <slot />
    <slot name="trend"><trend /></slot>
  </div>
</template>

<script>
import State from './State'
import Action from './Action'
import Trend from './Trend'
export default {
  components: {
    State,
    Action,
    Trend
  },
  props: {
    stateShow: {
      type: Boolean,
      default() {
        return true
      }
    },
    actionShow: {
      type: Boolean,
      default() {
        return false
      }
    },
    trendShow: {
      type: Boolean,
      default() {
        return false
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
